<template>
  <div id="app">
    <!-- <div class="nav">
      <router-link to='/'>index</router-link>
      <router-link to='/question'>question</router-link>
      <router-link to='/video'>video</router-link>
      <router-link to='/user'>user</router-link>
      <router-link to='/search'>search</router-link>
    </div>-->
    <keep-alive>
      <router-view v-if="$route.meta.keepalive" />
    </keep-alive>
    <router-view v-if="!$route.meta.keepalive" />
    <!-- <keep-alive include="layout,articleDetail">
      <router-view />
    </keep-alive> -->
  </div>
</template>
<script>
// import VanTest from '@/components/HelloWorld'
// <!-- 插槽回顾 -->
// <van-test :msg="123">
//   <template v-slot="o">
//     <h1>默认插槽{{o.user.name}}</h1>
//   </template>
//   <!-- 新用法 -->
//   <div slot="mn">具名插槽1</div>
//   <!-- 老用法=》只能加在template/自定义组件上 => # 等价于v-slot: -->
//   <template #mj>
//     <div>具名插槽2</div>
//   </template>
//   <!-- 作用域插槽=》插槽内容能够访问子组件中才有的数据-->
//   <template v-slot:tt>
//     <div>具名插槽3</div>
//   </template>
//   <!-- <template v-slot:sp></template> -->
//   <template v-slot:sp="{user,msg}">
//     <div style="color:orange;font-size:24px">{{msg}}</div>
//     <p>{{user.name}},{{msg}}</p>
//     <p>当前组件：{{a}}</p>
//   </template>
// </van-test>
export default {
  // components: {
  //   VanTest
  // },
  data () {
    return {
      a: 'wang'
    }
  }
}
</script>
<style lang="less">
.nav a {
  font-size: 14px;
  display: inline-block;
  margin: 10px;
}
</style>
